<template>
	<div class="register">
		<div class="top">
			注册
		</div>
		<div class="form">
			<div>
				<img src="xx.jpg" >
				<input type="" name="" placeholder="手机号">
			</div>
			<div>
				<img src="xx.jpg" >
				<input type="" name="" placeholder="密码">
			</div>
			<div>
				<img src="xx.jpg" >
				<input type="" name="" placeholder="确认密码">
			</div>

			<div>
				
				<input type="" name="" placeholder="验证码">
				<button>获取验证码</button>
			</div>
			<div >
				<input type="checkbox" name="">阅读并同意
				<span class="protocol" @click='dialog()'>使用协议</span>
			</div>

			<router-link to="/login"><button class="next">下一步</button></router-link>
		</div>

		<div class="dialog" v-show='isShow'>
			使用协议
			<ul>
				<li>1、</li>
				<li>2、</li>
				<li>3、</li>

			</ul>
			<button class="sure" @click='dialogHide()'>确认使用协议</button>
		</div>
		
	</div>
</template>
<script >
	import $ from 'jquery'
	export default {
		data:function (argument) {
			// body...
			return{
				isShow:false
			}
		},
		methods:{
			dialog:function (argument) {
				// body...
				// $('.dialog').show();
				this.isShow = !this.isShow;
			},
			dialogHide(){
				// $('.dialog').hide();
				this.isShow = !this.isShow;

			}
		}
	}
</script>
<style scoped>
	@import "../../assets/css/register.css"
</style>